<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="description" content="html template">
  <meta name="keywords" content="HTML, CSS, JavaScript">
  <meta name="author" content="Asad">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <title>懂汪-您的浏览器标签页助手</title>

  <link rel="icon" href="assets/images/favicon.png">
  <link rel="apple-touch-icon" href="assets/images/favicon.png">
  <link rel="stylesheet" href="assets/css/all.min.css">
  <link rel="stylesheet" href="assets/css/bootstrap.min.css">
  <link rel="stylesheet" href="assets/css/swiper-bundle.min.css">
  <link rel="stylesheet" href="assets/css/meanmenu.css">
  <link rel="stylesheet" href="assets/css/magnific-popup.css">
  <link rel="stylesheet" href="assets/css/nice-select.css">
  <link rel="stylesheet" href="assets/css/backtotop.css">
  <link rel="stylesheet" href="assets/css/main.css">

</head>
<style>
  /* 弹出框样式 */
  .modal {
    display: none;
    /* 默认隐藏 */
    position: fixed;
    /* 固定定位 */
    z-index: 1;
    /* 设置叠加顺序 */
    left: 0;
    top: 0;
    width: 100%;
    /* 宽度占满整个屏幕 */
    height: 100%;
    /* 高度占满整个屏幕 */
    overflow: auto;
    /* 添加滚动条 */
    background-color: rgba(0, 0, 0, 0.5);
    /* 半透明黑色背景 */
  }

  /* 弹出框内容样式 */
  .modal-content {
    background-color: #fefefe;
    position: absolute;
    left: 50%;
    top: 65%;
    height: 90vh;
    transform: translate(-50%, -50%);
    padding: 20px;
    border: 1px solid #888;
    max-width: 80%;
    overflow: auto;
  }

  /* 关闭按钮样式 */
  .close {
    color: #010101;
    position: absolute;
    /* 绝对定位 */
    top: 10px;
    right: 10px;
    font-size: 28px;
    font-weight: bold;
  }

  .close:hover,
  .close:focus {
    color: rgb(255, 1, 1);
    text-decoration: none;
    cursor: pointer;
  }

  /* 图片样式 */
  .modal-images img {
    width: 100%;
    /* 图片宽度占满容器 */
    margin-bottom: 10px;
  }
  .dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-toggle {
  background: none;
  border: none;
  cursor: pointer;
  outline: none;
  color: inherit;
}

.dropdown-menu {
  display: none;
  position: absolute;
  z-index: 99;
  background-color: #fff;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
}

.dropdown-menu a {
  display: block;
  padding: 10px;
  text-decoration: none;
  color: #333;
}

.dropdown-menu a:hover {
  background-color: #acacac;
  color: #ffffff;
}

.dropdown:hover .dropdown-menu {
  display: block;
}

</style>

<body>

  <!-- Cursor start -->
  <!-- <div class="rts-cursor cursor-outer" data-default="yes" data-link="yes" data-slider="no">
    <span class="fn-cursor"></span>
  </div>
  <div class="rts-cursor cursor-inner" data-default="yes" data-link="yes" data-slider="no">
    <span class="fn-cursor">
      <span class="fn-left"></span>
      <span class="fn-right"></span>
    </span>
  </div> -->
  <!-- Cursor end -->

  <!-- back to top start -->
  <div class="progress-wrap">
    <svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">
      <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" />
    </svg>
  </div>
  <!-- back to top end -->

  <!-- modal-search-start -->
  <div class="modal fade" id="search-modal" tabindex="-1" role="dialog" aria-hidden="true">
    <a href="javascript:void(0)" type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
      <span aria-hidden="true">×</span>
    </a>
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <form>
          <input type="text" placeholder="Search here...">
          <button>
            <i class="fa fa-search"></i>
          </button>
        </form>
      </div>
    </div>
  </div>
  <!-- modal-search-end -->

  <!-- sidebar-information-area-start -->
  <div class="sidebar-info side-info">
    <div class="sidebar-logo-wrapper mb-25">
      <div class="row align-items-center">
        <div class="col-xl-6 col-8">
          <div class="sidebar-logo">
            <a href="index.html"><img src="assets/images/logo/logo-w.png" alt="logo-img"></a>
          </div>
        </div>
        <div class="col-xl-6 col-4">
          <div class="sidebar-close-wrapper text-end">
            <button class="sidebar-close side-info-close"><i class="fal fa-times"></i></button>
          </div>
        </div>
      </div>
    </div>
    <div class="sidebar-menu-wrapper fix">
      <div class="mobile-menu"></div>
    </div>
  </div>
  <div class="offcanvas-overlay"></div>
  <!-- sidebar-information-area-end -->

  <div class="has-smooth" id="has_smooth"></div>

  <div id="smooth-wrapper">
    <div id="smooth-content">
      <div class="body-wrapper">

        <header class="h5_header-area">
          <div class="h5_header-top d-sm-flex align-items-center d-none">
            <div class="container">
              <div class="row align-items-center">
                <div class="col-xl-6 col-lg-7">
                  <div class="h5_header-top-text">
                    <!-- <p>创建一个帐户利用一个34%的奖金折扣结帐。</p>
                    <a href="price.html">了解更多<i class="fa-light fa-angle-right"></i></a> -->
                  </div>
                </div>
                <div class="col-xl-6 col-lg-5 d-none d-lg-block">
                  <div class="h5_header-top-right">

                    <div class="h5_header-top-account">
                      <div class="dropdown">
                        <button class="dropdown-toggle" id="dropdownMenuButton" aria-haspopup="true" aria-expanded="false" style="color: white;">
                          <svg width="14" height="16" viewBox="0 0 14 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M7.0127 8C8.94569 8 10.5127 6.433 10.5127 4.5C10.5127 2.567 8.94569 1 7.0127 1C5.0797 1 3.5127 2.567 3.5127 4.5C3.5127 6.433 5.0797 8 7.0127 8Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
                            <path d="M13.026 15C13.026 12.291 10.331 10.1 7.013 10.1C3.695 10.1 1 12.291 1 15" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
                          </svg>
                          我的
                        </button>
                        <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                          <a class="dropdown-item" href="my.html">个人中心</a>
                          <a class="dropdown-item" href="index.html">退出</a>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="h5_header-bottom header-sticky">
            <div class="container">
              <div class="row align-items-center justify-content-between">
                <div class="col-xl-2 col-lg-2 col-4">
                  <div class="h5_header-logo">
                    <a href="index.html"><img src="assets/images/logo/logo.png" alt="未找到"></a>
                  </div>
                </div>
                <div class="col-xl-7 col-lg-6 d-none d-lg-block text-center">
                  <div class="h5_header-menu ">
                    <nav class="h5_header-nav-menu" id="mobile-menu">

                      <ul>
                        <li>
                          <a href="index.html">首页</a>
                        </li>
                        <li><a href="about.html">使用</a></li>
                        <!-- <li><a href="price.html">定价</a></li> -->
                        <li><a href="download.html">下载</a></li>
                        <!-- <li><a href="contact.html">联系我们</a></li> -->
                        <li class="menu-has-child">
                          <a>Demo</a>
                          <ul class="submenu">
                            <li><a href="textdemo.html">Text Demo</a></li>
                            <li><a href="videodemo.html">Video Dmeo</a></li>
                          </ul>
                        </li>
                      </ul>

                    </nav>
                  </div>
                </div>
                <div class="col-xl-3 col-lg-4 col-8">
                  <div class="h5_header-action-wrap d-flex align-items-center justify-content-end">
                    <div class="h5_header-action d-none d-sm-flex">
                      <a href="download.html" class="h5_header-action-btn">
                        开始行动<i class="fa-light fa-angle-right"></i>
                      </a>
                    </div>
                    <div class="header-menu-bar d-lg-none ml-10">
                      <span class="header-menu-bar-icon side-toggle">
                        <i class="fa-light fa-bars"></i>
                      </span>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </header>
        <main>
          <!-- breadcrumb area start -->
          <section class="breadcrumb-area bg-default" data-background="assets/images/breadcrumb/breadcrumb-bg.jpg">
            <div class="container">
              <div class="row">
                <div class="col-12">
                  <div class="breadcrumb-content text-center">
                    <h2 class="breadcrumb-title tp_has_text_reveal_anim">安装和使用</h2>
                    <div class="breadcrumb-list tp_fade_left">
                      <a href="index.html"><i class="fa-light fa-house"></i>首页</a>
                      <span>安装和使用</span>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="breadcrumb-shape">
              <img src="assets/images/breadcrumb/shape-1.png" alt="" class="breadcrumb-shape-1" data-speed="0.9">
              <img src="assets/images/breadcrumb/shape-2.png" alt="" class="breadcrumb-shape-2" data-speed="0.8">
              <img src="assets/images/breadcrumb/shape-3.png" alt="" class="breadcrumb-shape-3" data-speed="0.9">
              <img src="assets/images/breadcrumb/circle.png" alt="" class="breadcrumb-shape-4">
            </div>
          </section>
          <!-- breadcrumb area end -->

          <!-- about area start -->
          <div
            style="width: 100%;margin-top: 80px;margin-bottom: 40px; font-size: 30px;font-weight: 800;text-align: center;">
            1 下载</div>
          <section class="h2_about-area">
            <div class="container">
              <div class="row align-items-center" style="display: flex; flex-direction: column;">
                <div class="col-xl-6 col-lg-6">
                  <div class="h2_about-content ">
                    <div class="inner_section-area ">
                      <!-- <span class="inner_section-subtitle tp_subtitle_anim">下载教程</span> -->
                      <h2 class="inner_section-title tp_title_slideup inner_section-title tp_title_slideup-big mb-25"
                        style="font-size: 22px;">
                         官网下载应用</h2>
                      <p class="inner_section-text tp_fade_bottom" style="font-size: 18px;">
                        <a href="assets/images/Zip/懂汪-员工随行助手.zip" download="懂汪-员工随行助手1.0.zip"
                        style="color:#1ba1ef;font-weight: 500;">点击链接直接下载</a>，将压缩包存储在您的本地电脑。
                      </p>
                      <!-- <div style="font-size: 18px;color: rgb(160, 1, 1); padding-bottom: 10px;">国内网络建议使用第一种方法下载</div>
                      <h2 class="inner_section-title tp_title_slideup inner_section-title tp_title_slideup-big mb-25">
                        1.2、谷歌商店下载应用</h2>
                      <p class="inner_section-text tp_fade_bottom" style="font-size: 20px;">
                        ⑴打开chrome浏览器 <a style="color: rgb(166, 47, 245);" href="https://chromewebstore.google.com/category/extensions?utm_source=ext_sidebar&hl=zh-CN"
                        target="_blank" rel="noopener noreferrer">搜索chrome商店</a> ，或者点击 <span style="color:#000000;">设置</span> <b style="color: rgb(160, 1, 1);font-size: 16px;">(左上角的三个点)</b><br>
                        ⑵点击 <span style="color: #000000;"> 扩展程序</span> ,点击 <span style="color: #000000;">管理扩展程序</span>,然后点击 <span style="color: #000000;">Chrome 应用商店</span>，<br>
                        ⑶点击搜索划词翻译,点击安装,等待安装完成--
                        <a href="https://chromewebstore.google.com/category/extensions?utm_source=ext_sidebar&hl=zh-CN"
                          target="_blank" rel="noopener noreferrer" style="color: rgb(166, 47, 245);">打开chrome商店</a>
                      </p> -->
                    </div>
                  </div>
                </div>
                <div class="col-xl-6 col-lg-6" style="margin-top: 15px;">
                  <!-- <div class="h2_about-img " style="padding-bottom:30px;margin-right: 0;padding-right: 0;">
                    <img src="assets/images/about/home2/1.png" alt="未找到" class="inner-img-1 tp_fade_right" style="width: 800px;box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); ">
                  </div> -->
                </div>
              </div>
          </section>
          <div style="width: 100%;margin-bottom: 40px; font-size: 30px;font-weight: 800;text-align: center;">2 解压安装
          </div>
          <section>
            <div class="container">
              <div class="row align-items-center" style="display: flex; flex-direction: column;">
                <div class="col-xl-6 col-lg-6">
                  <div class="h2_about-content">
                    <div class="inner_section-area">
                      <!-- <span class="inner_section-subtitle tp_subtitle_anim">打开面板</span> -->
                      <h2 class="inner_section-title tp_title_slideup inner_section-title tp_title_slideup-big mb-25"
                        style="font-size: 22px;">
                        2.1 解压</h2>
                      <p class="inner_section-text mt-10 tp_fade_bottom" style="font-size: 18px;">
                        <span><span style="color: #000000;font-weight: 500;">解压压缩包</span>：以7-Zip为例，进入步骤1的保存路径，以7-Zip为例，参考下图，右键步骤1中所下载的文件，选择“7-Zip”,在弹出的选项中选择”提取到懂汪-员工随行助手”</span>
                      </p>
                    </div>
                  </div>
                </div>
                <div class="col-xl-6 col-lg-6" style="margin-top: 20px;">
                  <div class="h2_about-img" style="padding-bottom:30px;margin-right: 0;padding-right: 0;">
                    <img src="assets/images/about/home2/8.png" alt="未找到" class="inner-img-1 tp_fade_right" style="box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); ">
                  </div>
                </div>
                <div class="col-xl-6 col-lg-6">
                  <div class="h2_about-content">
                    <div class="inner_section-area">
                      <!-- <span class="inner_section-subtitle tp_subtitle_anim">打开面板</span> -->
                      <!-- <h2 class="inner_section-title tp_title_slideup inner_section-title tp_title_slideup-big mb-25"
                        style="font-size: 22px;">
                        2.1 解压</h2> -->
                      <p class="inner_section-text mt-10 tp_fade_bottom" style="font-size: 18px;">
                        <span><span style="color: #000000;font-weight: 500;">解压完成</span>：这时，您将在步骤1下载文件的当前文件夹下看到名称为懂汪-员工随行助手的文件夹</span>
                      </p>
                    </div>
                  </div>
                </div>
                <div class="col-xl-6 col-lg-6" style="margin-top: 20px;">
                  <div class="h2_about-img" style="padding-bottom:30px;margin-right: 0;padding-right: 0;">
                    <img src="assets/images/about/home2/9.png" alt="未找到" class="inner-img-1 tp_fade_right" style="box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); ">
                  </div>
                </div>
                <div class="col-xl-6 col-lg-6">
                  <div class="h2_about-content">
                    <div class="inner_section-area">
                      <!-- <span class="inner_section-subtitle tp_subtitle_anim">打开面板</span> -->
                      <h2 class="inner_section-title tp_title_slideup inner_section-title tp_title_slideup-big mb-25"
                        style="font-size: 22px;">
                        2.2 打开扩展程序面板</h2>
                      <p class="inner_section-text mt-10 tp_fade_bottom" style="font-size: 18px;">
                        <span>打开chrome浏览器，点击 <span style="color: #000000;font-weight: 500;">设置</span> (如下图所示右上角的三个点)，</span> 
                        <span>点击 <span style="color: #000000; font-weight: 500;"> 扩展程序(如英文版则为“Extensions”)，</span>
                          点击 <span style="color: #000000;font-weight: 500;">管理扩展程序</span>(如英文本则为”Manage Extensions)</span>
                      </p>
                    </div>
                  </div>
                </div>
                <div class="col-xl-6 col-lg-6" style="margin-top: 20px;">
                  <div class="h2_about-img" style="padding-bottom:30px;margin-right: 0;padding-right: 0;">
                    <img src="assets/images/about/home2/2.png" alt="未找到" class="inner-img-1 tp_fade_right" style="height: 380px;box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); ">
                  </div>
                </div>
                <div class="col-xl-6 col-lg-6">
                  <div class="h2_about-content">
                    <div class="inner_section-area">
                      <!-- <span class="inner_section-subtitle tp_subtitle_anim">扩展程序</span> -->
                      <h2 class="inner_section-title tp_title_slideup inner_section-title tp_title_slideup-big mb-25"
                        style="font-size: 22px;">
                        2.3 安装应用</h2>
                      <p class="inner_section-text mt-10 tp_fade_bottom" style="font-size: 18px;">
                        <span>在chrome浏览器中，打开如下图所示的右上角的 <span style="color: #000000; font-weight: 500;">开发者模式（步骤1）</span>开关， (如英文版则为＂Developer mode＂)，</span> 
                        <span>点击后在屏幕左上角将出现：加载已解压的扩展程序/打包应用/更新三个按钮(如英文版，则为Load unpacked/Pack extension/Update三个按钮)，点击 <span style="color: #000000;font-weight: 500;">加载已解压的扩展程序（步骤2），</span></span>
                        <span>在弹出的弹出窗中 <span style="color: #000000;font-weight: 500;">选择你解压的文件夹（步骤3），</span></span>
                        <span>点击 <span style="color: #000000;font-weight: 500;"> 打开文件夹（步骤4）。</span></span>
                      </p>
                    </div>
                  </div>
                </div>
                <div class="col-xl-6 col-lg-6" style="margin-top: 20px;">
                  <div class="h2_about-img"  style="padding-bottom:30px;margin-right: 0;padding-right: 0;">
                    <img src="assets/images/about/home2/3.png" alt="未找到" class="inner-img-1 tp_fade_right"
                      style="height: 350px;box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); ">
                  </div>
                </div>
                <div class="col-xl-6 col-lg-6">
                  <div class="h2_about-content">
                    <div class="inner_section-area">
                      <!-- <span class="inner_section-subtitle tp_subtitle_anim">扩展程序</span> -->
                      <h2 class="inner_section-title tp_title_slideup inner_section-title tp_title_slideup-big mb-25"
                        style="font-size: 22px;">
                        2.4 如何管理应用</h2>
                      <p class="inner_section-text mt-10 tp_fade_bottom" style="font-size: 18px;">
                            在Chrome浏览器点击右上角如图所示的图标（步骤5），此时您将会看到本应用已被安装于您的浏览器中。点击本应用右侧的固定图标将应用固定于常用应用栏中（步骤6）
                      </p>
                    </div>
                  </div>
                </div>
                <div class="col-xl-6 col-lg-6" style="margin-top: 20px;">
                  <div class="h2_about-img"  style="padding-bottom:30px;margin-right: 0;padding-right: 0;">
                    <img src="assets/images/about/home2/4.png" alt="Image Not Found"
                      style="box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); border-radius: 15px;" >
                  </div>
                </div>
                
              </div>
          </section>
          <!-- about area end -->

          <!-- feature area start -->
          <div style="width: 100%;font-size: 30px;font-weight: 800;text-align: center;">3 使用
          </div>
          <section class="inner_feature-area pb-140" style="padding-top: 60px;">
            <div class="container" style="display: flex; flex-direction: column;">
              <div class="row align-items-center"style="display: flex; flex-direction: column;">
                <div class="col-xl-5 col-lg-5 col-md-6" style="width: 55%;margin-left:35px">
                  <div class="inner_feature-content mb-50 mb-md-0">
                    <div class="inner_section-area mb-20">
                      <span class="inner_section-subtitle tp_subtitle_anim" style="font-size: 20px;color: #010101;">3.1 文字处理使用</span>
                      <!-- <h2 class="inner_section-title tp_title_slideup mb-30">
                        使用 懂汪 进行翻译、摘要</h2> -->
                      <p class="inner_section-text tp_fade_bottom" style="font-size: 18px;">
                        <span><span style="color: #000000; font-weight: 500;">右键点击</span> </span>
                            chrome浏览器右上部的应用图标（步骤7），选择 <span
                            style="color: #000000;font-weight: 500;">打开侧边栏</span>（步骤8），（英文版为“Open in side panel”）
                      </p>
                    </div>
                  </div>
                </div>
                <div class="col-xl-7 col-lg-7 col-md-6">
                  <div class="inner_feature-img tp_fade_left">
                    <img src="./assets/images/about/home2/5.png" alt="未找到"style="box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);border-radius: 15px;margin-bottom:10px">
                  </div>
                </div>
              </div>
              <div class="row align-items-center"style="display: flex; flex-direction: column;">
                <div class="col-xl-5 col-lg-5 col-md-6" style="width: 55%;margin-left:35px">
                  <div class="inner_feature-content mb-50 mb-md-0">
                    <div class="inner_section-area mb-20">
                      <!-- <h2 class="inner_section-title tp_title_slideup mb-30">
                        使用 懂汪 进行翻译、摘要</h2> -->
                      <p class="inner_section-text tp_fade_bottom" style="font-size: 18px;">
                      <span style="color: #000000; font-weight: 500;">翻译:</span>
                    在页面中可<span style="color: #000000;font-weight: 500;">选择</span>您需要进行翻译的文字或直接在本控件对话框中输入您需要翻译的文字后，选择<span style="color: #000000;font-weight: 500;">翻译</span>下拉列表，选择您需要翻译的目标语言后，点击<span style="color: #000000;font-weight: 500;">发送</span>后即可获得对应的翻译结果。
                      </p>
                    </div>
                  </div>
                </div>
                <div class="col-xl-7 col-lg-7 col-md-6">
                  <div class="inner_feature-img tp_fade_left">
                    <img src="./assets/images/about/home2/6.png" alt="未找到"style="box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);border-radius: 15px;margin-bottom:10px">
                  </div>
                </div>
              </div>
              <div class="row align-items-center"style="display: flex; flex-direction: column;">
                <div class="col-xl-5 col-lg-5 col-md-6"style="width: 55%;margin-left:35px">
                  <div class="inner_feature-content mb-50 mb-md-0">
                    <div class="inner_section-area mb-20">
                      <!-- <h2 class="inner_section-title tp_title_slideup mb-30">
                        使用 懂汪 进行翻译、摘要</h2> -->
                      <p class="inner_section-text tp_fade_bottom" style="font-size: 18px;">
                        <span style="color: #000000; font-weight: 500;">文本摘要:</span>
                            在页面中可<span style="color: #000000;font-weight: 500;">选择</span>您需要进行生成摘要的原始或直接在本控件对话框中输入您需要生成摘要的原始文字后，选择<span style="color: #000000;font-weight: 500;">摘要长度</span>下拉列表，选择您需要生成的摘要长度，点击<span style="color: #000000;font-weight: 500;">发送</span>后即可获得对应的摘要结果。
                      </p>
                    </div>
                  </div>
                </div>
                <div class="col-xl-7 col-lg-7 col-md-6">
                  <div class="inner_feature-img tp_fade_left">
                    <img src="./assets/images/about/home2/7.png" alt="未找到"style="box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);border-radius: 15px;margin-bottom:10px">
                  </div>
                </div>
              </div>
              <div class="row align-items-center"style="display: flex; flex-direction: column;">
                <div class="col-xl-5 col-lg-5 col-md-6"style="width: 55%;margin-left:35px">
                  <div class="inner_feature-content mb-50 mb-md-0">
                    <div class="inner_section-area mb-20">
                      <!-- <h2 class="inner_section-title tp_title_slideup mb-30">
                        使用 懂汪 进行翻译、摘要</h2> -->
                      <p class="inner_section-text tp_fade_bottom" style="font-size: 18px;">
                        <span style="color: #000000; font-weight: 500;">解释和扩展:</span>
                    在页面中可<span style="color: #000000;font-weight: 500;">选择</span>您需要进行提问的文字或直接在本控件对话框中输入您需要提问的文字后，选择<span style="color: #000000;font-weight: 500;">解释</span>，后点击<span style="color: #000000;font-weight: 500;">发送</span>即可获得对该问题的答案。
                        选择<span style="color: #000000;font-weight: 500;">扩展</span>，后点击<span style="color: #000000;font-weight: 500;">发送</span>即可生成对应风格的营销文案或文本。
                        
                      </p>
                    </div>
                  </div>
                </div>
                <div class="col-xl-7 col-lg-7 col-md-6">
                  <div class="inner_feature-img tp_fade_left">
                    <img src="./assets/images/about/home2/10.png" alt="未找到"style="box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);border-radius: 15px;margin-bottom:10px">
                    <img src="assets/images/about/home2/ezgif-1-e9d0d6ddba.gif" alt="未找到" style="box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);border-radius: 5px;">
                  </div>
                </div>
              </div>
            


              <div class="row align-items-center" style="display: flex; flex-direction: column;margin-top: 20px;">
                <div class="col-xl-5 col-lg-5 col-md-6" >
                  <div class="inner_feature-content mb-50 mb-md-0">
                    <div class="inner_section-area mb-20">
                      <span class="inner_section-subtitle tp_subtitle_anim" style="font-size: 20px;color: #010101;">3.2、视频处理使用</span>
                      <!-- <h2 class="inner_section-title tp_title_slideup mb-30">
                        使用 懂汪 进行翻译、摘要</h2> -->
                      <p class="inner_section-text tp_fade_bottom" style="font-size: 18px;">
                       点击视频摘要，出现<span style="color: #000000;font-weight: 500;">检测当前页面是否有视频资源</span>。如果有资源，出现<span style="color: #000000;font-weight: 500;">视频摘要</span>和<span style="color: #000000;font-weight: 500;">视频脚本</span>按钮。没有检测到资源，在输入框中输入在线视频链接。
                      </p>
                    </div>
                  </div>
                </div>
                <div class="col-xl-7 col-lg-7 col-md-6">
                  <div class="inner_feature-img tp_fade_left">
                    <img src="assets/images/about/home2/ezgif-1-e9d0d6ddba.gif" alt="未找到" style="box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);border-radius: 5px;">
                  </div>
                </div>
              </div>
            </div>
          </section>
          <!-- feature area end -->


          <!-- assistant area start -->

          <section class="h4_assistant-area">
            <div class="container">
              <div class="row g-0">
                <div class="col-xl-6">
                  <div class="h4_assistant-img bg-default"
                    style="background-color: #1b2a52;border-radius: 20px 0px 0px 20px;display: flex;flex-direction: column;padding-bottom: 20px;">
                    <div style="    padding: 10px;
                    color: white;
                    font-size: 20px;">安装教程</div>
                    <!-- <img src="assets/images/assistant/home4/1.png" alt="" class="tp_fade_left"> -->
                    <video style='width: 95%; height: 95%; object-fit: cover;border-radius: 20px;' controls="controls"
                      origin="anonymous" src="./assets/images/video/operationVideo.mp4" class="tp_fade_left"></video>
                  </div>
                </div>
                <div class="col-xl-6">
                  <div class="h4_assistant-img bg-default" data-background="assets/images/assistant/home4/bg.png"
                    style="display: flex;flex-direction: column;padding-bottom: 20px;">
                    <div style="    padding: 10px;
                    color: rgb(0, 0, 0);
                    font-size: 20px;">使用教程</div>
                    <!-- <img src="assets/images/assistant/home4/1.png" alt="" class="tp_fade_left"> -->
                    <video style='width: 95%; height: 95%; object-fit: cover;border-radius: 20px;' controls="controls"
                      origin="anonymous" src="./assets/images/video/operationVideo.mp4" class="tp_fade_left"></video>
                  </div>
                </div>
              </div>
            </div>
          </section>
          <!-- assistant area end -->




        </main>

        <!-- footer area start -->
        <footer class="h5_footer-area">
          <div class="h5_footer-top pt-120 pb-80">
            <div class="container">
              <div class="row justify-content-between">
                <div class="col-xl-3 col-lg-3 col-md-5 col-sm-7 tp_has_fade_anim" data-fade-from="left">
                  <div class="h5_footer-widget mb-40">
                    <div class="h5_footer-logo">
                      <a href="index.html"><img src="assets/images/logo/logo.png" alt=""></a>
                    </div>
                    <p class="h5_footer-widget-text">懂汪 是您最好的浏览器助手</p>
                  </div>
                </div>
                <div class="col-xl-2 col-lg-2 col-md-3 col-sm-4 tp_has_fade_anim" data-fade-from="left" data-delay=".8">
                  <div class="h5_footer-widget mb-35">
                    <h5 class="h5_footer-widget-title">公司</h5>
                    <ul>
                      <li><a href="index.html">首页</a></li>
                      <li><a href="about.html">使用</a></li>
                      <li><a href="about.html">社区</a></li>
                      <li><a href="about.html">联盟技化</a></li>
                    </ul>
                  </div>
                </div>
                <div class="col-xl-4 col-lg-4 col-md-6 col-sm-7 order-sm-2 order-md-3 tp_has_fade_anim"
                  data-fade-from="left" data-delay="1.3">
                  <div class="h5_footer-widget mb-35">
                    <h5 class="h5_footer-widget-title">联系方式</h5>
                    <form action="#">
                      <input type="email" placeholder="输入您的电子邮箱">
                      <button type="submit">订阅</button>
                    </form>
                    <p class="h5_footer-widget-text">订阅我们的时事通讯，以备将来的更新。 <br>
                      别担心我们不会垃圾邮件您的电子邮件地址</p>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="h5_footer-bottom">
            <div class="container">
              <div class="row align-items-center">
                <div class="col-xl-6 col-md-6">
                  <div class="h5_footer-bottom-copyright d-flex justify-content-center justify-content-md-start">
                    <p>&copy; 2023 懂汪版权所有 <a href="Http://www.bootstrapmb.com">bootstrapMB</a>
                    </p>
                  </div>
                </div>
                <div class="col-xl-6 col-md-6">
                  <div class="h5_footer-bottom-menu d-flex justify-content-center justify-content-md-end">
                    <ul>
                      <li><a href="#">隐私政策</a></li>
                      <li><a href="#">服务条款</a></li>
                    </ul>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </footer>
        <!-- footer area end -->

      </div>
    </div>
  </div>


  <!-- jQuery Js -->
  <script src="assets/js/jquery-3.6.0.min.js"></script>
  <script src="assets/js/bootstrap.bundle.min.js"></script>
  <script src="assets/js/swiper-bundle.min.js"></script>
  <script src="assets/js/meanmenu.min.js"></script>
  <script src="assets/js/gsap.min.js"></script>
  <script src="assets/js/ScrollSmoother.min.js"></script>
  <script src="assets/js/ScrollTrigger.min.js"></script>
  <script src="assets/js/TweenMax.min.js"></script>
  <script src="assets/js/SplitText.min.js"></script>
  <script src="assets/js/chroma.min.js"></script>
  <script src="assets/js/magnific-popup.min.js"></script>
  <script src="assets/js/nice-select.min.js"></script>
  <script src="assets/js/backtotop.js"></script>
  <script src="assets/js/main.js"></script>
  <script>
    // 获取弹出框和按钮
    var modal = document.getElementById("myModal");
    var btn = document.getElementById("photo");
    // 获取关闭按钮
    var close = document.getElementById("close");

    // 点击按钮时显示弹出框
    btn.onclick = function () {
      modal.style.display = "block";
    }

    // 点击关闭按钮时隐藏弹出框
    close.onclick = function () {
      modal.style.display = "none";
    }

    // 点击弹出框外部区域时隐藏弹出框
    window.onclick = function (event) {
      if (event.target == modal) {
        modal.style.display = "none";
      }
    }
  </script>
</body>

</html>